<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的审批</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="${siteurl}bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="${siteurl}plugins/FontAwesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="${siteurl}plugins/ionicons201/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="${siteurl}dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="${siteurl}dist/css/skins/_all-skins.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    [#include "/admin/common/commons.html"]
    <style>
		.rap{
			width: 150px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	</style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">

    <header class="main-header">
        <!-- Header Navbar: style can be found in header.less -->
        [#include "/admin/common/nav.html"]
    </header>

    <!-- =============================================== -->

    <!-- Left side column. contains the sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            [@user_panel /]
            <!-- search form -->
            [@sidebar_form /]
            <!-- /.search form -->
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="header">主面板</li>
                [@menustag id=1]
                [#list list as item]
                [@menu item "1,29,45"]
                [/@menu]
                [/#list]
                [/@menustag]
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- =============================================== -->

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
            <span>报销管理 &nbsp;>&nbsp; </span>
            <a href="${siteurl}admin/flow/task_list.htm">我的审批</a>
        </section>
        <!-- Main content -->
        <section class="content">

            <form id="listForm"
                  action="${siteurl}admin/flow/task_list.htm" method="post">
                <div class="row">


                    <div class="col-xs-12">
                        <div class=" box box-body">
                            <div class="col-xs-12 box-body">
                                <div class="col-xs-3">
                                    <input class="form-control" type="text" name="name"   value="${(so.name)!''}"  placeholder="流程名称">
                                </div>
                                <div class="col-xs-1">
                                    <button type="submit" name="search"  class="btn btn-success"><i class="fa fa-search"></i> 搜索</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12">


                        <div class="box box-solid">
                            <div class="box-body table-responsive no-padding">
                                <table class="table table-bordered table-hover dataTable">
                                    <thead>
                                    <tr role="row">
                                        <td class="col-xs-1">报销单号</td>
                                        <td class="col-xs-1 text-center">费用类型</td>
                                        <td class="col-xs-1 text-center">报销金额</td>
                                        <td class="col-xs-3 text-center">报销人</td>
                                        <td class="col-xs-2 text-center">内容描述</td>
                                        <td class="col-xs-1 text-center">提交日期</td>
                                        <td class="col-xs-1 text-center">报销状态</td>
                                        <td class="col-xs-2 text-center">操作</td>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    [#list list as item]
                                    <tr>
                                        <td>${(item.reimVo.number)!""}</td>
                                        <td class="text-center">${(item.reimVo.expense.name)!""}</td>
                                        <td class="">${(item.reimVo.money)!""}</td>
                                        <td class="">${(item.reimVo.member.name)!""}(${(item.reimVo.organization.parent.name)!''}-${(item.reimVo.organization.name)!''})</td>
                                        <td class=""><p class="rap">${(item.reimVo.description)!""}</p></td>
                                        <td class="text-center">${(item.reimVo.addDate)!''}</td>
                                        <td class="text-center">[#if (item.reimVo.state)?? &&item.reimVo.state=="1"]待审核[#elseif (item.reimVo.state)?? &&item.reimVo.state=="2"]审核中[#elseif (item.reimVo.state)?? &&item.reimVo.state=="3"]已通过[#elseif (item.reimVo.state)?? &&item.reimVo.state=="4"]已结算[#elseif (item.reimVo.state)?? &&item.reimVo.state=="-1"]驳回[#else][/#if]</td>
                                        <td class="text-center">
                                            <div style="display: inline-block;">
                                                <a  class="menubutton btn btn-sm btn-info"
                                                    href="${siteurl}admin/reimbursement/view_view.htm?id=${item.oid}&pageNumber=${page.pageNumber!'1'}">
                                                    <i class="fa">查看</i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    [/#list]
                                    </tbody>
                                </table>
                            </div>
                            [@pager page=page   /]
                        </div>

                    </div>
                </div>
            </form>
            <!-- /.box -->

        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

    [#include "/admin/common/footer.html"]

    <!-- Control Sidebar -->
    [#include "/admin/common/aside.html"]

    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script src="${siteurl}plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="${siteurl}bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="${siteurl}plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="${siteurl}plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="${siteurl}dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="${siteurl}dist/js/demo.js"></script>
<script src="${siteurl}dist/js/list.js"></script>

</body>
</html>